.list {
  --tab-border-color: var(--mb-color-border);

  [data-orientation="horizontal"] {
    padding: 0.6875rem 0.5rem;
  }

  [data-orientation="vertical"] {
    padding: 0.6875rem 0.9375rem 0.6875rem 0.5rem;
  }

  &[data-orientation="vertical"] {
    .tabLabel {
      text-align: left; /* "start" for some reason doesn't work properly */
    }
  }
}

.tab {
  color: var(--mb-color-text-primary);
  max-width: 100%;
  justify-content: start;

  &:hover {
    border-color: var(--mb-color-background-hover);
    background-color: var(--mb-color-background-hover);
  }

  &:focus:not([data-css-specificity-hack]) {
    outline: none;
  }

  &:disabled {
    color: var(--mb-color-text-light);
    opacity: 1;
  }

  &[data-active="true"] {
    color: var(--mb-color-text-brand);
    border-color: var(--mb-color-brand);
  }
}

.tabLabel {
  font-size: var(--mantine-font-size-md);
  font-weight: bold;
  line-height: 1.15; /* consistent w/ mantine v6 spacing */
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
}

.tabSection[data-position="left"] {
  margin-inline-end: 0.375rem;
}
